1.首先我們需要下載一個編輯器來寫程式。
https://www.sublimetext.com/
我所使用的編輯器是 【Sublime Text】
他有一些好用的外掛可以安裝，舉例:
elmmet (HTML、CSS幫你快速選字)
ColorPicker (調色盤，可以快速選顏色 快捷:ctrl+shift+c)
(其餘的都可以在網路上查找，我用到的基本上是這兩個)
外掛安裝方法可詳見以下網址:
http://www.flycan.com/article/free-resource/sublime-text-setup-2060.html

另外快捷:ctrl+h 可以搜尋關鍵字，並且全部替換。

2.用來進行本機測試、MySQL資料庫安裝，所需要的【XAMPP】
https://www.apachefriends.org/zh_tw/download.html
XAMPP 這個先直接安裝就好，下次再來說明它該如何使用。

3.【bootstrap】一個好用的前端框架
https://bootstrap5.hexschool.com/docs/5.0/components/accordion/
(它的用途，舉例來說:在標籤裡加入短短的 class敘述 就可以達到需要很寫很長的css的效果)
可以直接輸入網址來引入，不用進行任何安裝和下載，下次說明。

4.總結:
以上的工具，它們都還算輕巧、安裝容易，所以準備起來不容易出錯。不過其中的XAMPP有時候開啟時會出現 MySQL相關字段的錯誤(很有可能是關機時沒把XAMPP關乾淨)，我遇到此狀況目前可行的方法只能把XAMPP移除 並重新安裝(網路上的解方，很不幸地，都無法解決，才出此下策)。